<template>
	<view  :data-theme='theme()' :class="theme() || ''">
		<view class="user-index">
			<!--个人信息-->
			<view class="user-header">
				<view class="user-header-inner">
				</view>
			</view>
		</view>
		<view class="content">
			<view class="item">
				<view class="tit f30">审核问题：</view>
				<view class="f28">审核时间一般2小时内，审核结果注意观看小程序消息；</view>
			</view>
			<view class="item">
				<view class="tit f30">发货问题：</view>
				<view class="f28">订单一般审核通过后，会在24小时内进行发货。</view>
			</view>
			<view class="item">
				<view class="tit f30">客服工作时间：</view>
				<view class="f28">9:00-18:00</view>
			</view>
			<view class="item">
				<view class="tit f30">客服电话：</view>
				<view class="f28">4009950852</view>
			</view>
		<button @click="telPhone">拨打电话</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			telPhone(){
				my.makePhoneCall({
				  number: '4009950852',
				  success: function(res) {
				    console.log(res);  //{"success": true}
				  },
				  fail: function(err) {
				    console.log(err);
				  }
				});
			
			},
		}
	}
</script>

<style lang="scss">
	.content{
		background-color: #fff;
		width: 90%;
		margin: 0 auto;
		border-radius: 10rpx;
		position: absolute;
		top: 10vh;
		left: 50%;
		z-index: 9;
		// margin-top: -40rpx;
		padding: 40rpx;
		box-sizing: border-box;
		transform: translateX(-50%);
		.item{
			margin-bottom: 40rpx;
		}
		.tit{
			font-weight: bold;
			margin-bottom: 20rpx;
		}
	}
.user-header {
		position: relative;
		@include background_color('background_color');
	}

	.user-header .user-header-inner {
		position: relative;
		padding: 30rpx 30rpx 120rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
		height: 10vh;
		// margin-bottom: 180rpx;
	}

	.user-header .user-header-inner::after,
	.user-header .user-header-inner::before {
		display: block;
		content: '';
		position: absolute;
		border-radius: 50%;
		z-index: 0;
	}

	.user-header .user-header-inner::after {
		width: 400rpx;
		height: 400rpx;
		right: -100rpx;
		bottom: -200rpx;
		background-image: radial-gradient(90deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0));
	}

	.user-header .user-header-inner::before {
		width: 200rpx;
		height: 200rpx;
		left: -60rpx;
		top: -20rpx;
		background-image: radial-gradient(-90deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0));
	}

	.user-header .user-info {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
</style>
